// 负责管理所有的自定义指令

export const imagerror = {
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted (dom, options) {
    // options是执行该指令的标签 options是关于指令参数的对象
    // options是指令中的变量的解释 其中有一个属性叫做 value
    // dom 表示当前指令作用的dom对象
    // dom认为此时就是图片
    // 当图片有地址 但是地址没有加载成功的时候  会报错 会触发图片的一个事件 => onerror
    // 若dom有src则使用src 没有则使用默认值
    dom.src = dom.src || options.value
    // dom注册监听error事件 发生error时触发该函数
    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom 可以注册error事件
      // 修改dom元素的src地址
      dom.src = options.value // 这里不能写死
    }
  },
  // 该钩子函数会在指令作用的组件更新完数据之后执行
  componentUpdated (dom, options) {
    // 组件每次更新dom都会检查 是否需要使用默认值
    dom.src = dom.src || options.value
  }
}
